<div class="popover medium" click-anywhere="$hide()" ignore="toggle-theme-select">
  <div class="arrow"></div>
  <div class="popover-header">
    <span class="title">{{ 'APP.TITLE.SELECT-THEME' | translate }}</span>

    <div class="actions">
      <a ng-click="$hide()"> {{ 'GENERAL.ACTION.CLOSE' | translate }}</a>
    </div>
  </div>
  <div class="popover-wrapper">
    <div class="grid wide">
      <div
        class="item"
        ng-repeat="theme in availableThemes"
        ng-class="{'active': theme == currentAppDefinition.definition.theme}"
        ng-click="selectTheme(theme); $hide();"
      >
        <div class="app preview thumb {{ theme }}">
          <div class="backdrop">
            <i class="glyphicon glyphicon-briefcase"></i>
          </div>
          <div class="logo">
            <i class="glyphicon glyphicon-briefcase"></i>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
